{% load dajaxice_templatetags %}
{% dajaxice_js_import %}
{% load static %}

<script type="text/javascript" src="{% get_static_prefix %}scripts/own/document_autocomplete.js"></script>
<script type="text/javascript" src="{% get_static_prefix %}scripts/libs/jquery.tagsinput.js"></script>
<script type="text/javascript" charset="utf-8">
	$(document).ready(function() {
		autoComplete = new DocumentAutoComplete($("#id_name"), '{{ module_part.id }}', '{{ module_term.id }}');
		$('#document_name_hint, #document_tags_hint, #document_comment_hint').tooltip({
			position: 'center right',
			effect: 'fade'
		})
		$('#id_tags').tagsInput();
	});
</script>

<!-- Document Name -->
<tr>
    {% if form.name.errors %}
    <th class="form_error"><label for="id_name">Eindeutiger Name der Lerneinheit erforderlich*:</label></th>
    {% else %}
    <th><label for="id_name">Name der Lerneinheit*:</label></th>
    {% endif %}
    <td>{{ form.name }}</td>
    <td><div class="hint" id="document_name_hint" title="z.B. Blatt 5, Kapitel 3, Klausurtipps - Singular"></div></td>
</tr>
<!-- Document Tags -->
<tr>
    <th><label for="id_tags">Inhaltliche Stichworte:</label></th>
    <td>{{ form.tags }}</td>
    <td><div class="hint" id="document_tags_hint" title="Passende Stichworte unter denen die Lerneinheit besser gefunden werden kann.<br />Was wird inhaltlich hier abgedeckt?"></div></td>
</tr>
<!-- Document Comment -->
<tr>
    <th><label for="id_description">Beschreibung des Inhalts der Lerneinheit:</label></th>
    <td>{{ form.description }}</td>
    <td><div class="hint" id="document_comment_hint" title="Ist noch irgendetwas erwähnenswert zu der Lerneinheit (fachliche Inhalte bitte als Stichworte)"></div></td>
</tr>